import { createApp } from 'vue'
import App from './App.vue'

// 引入element的样式
import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/dark/css-vars.css'
import './styles/index.scss'


// 启用svg
import 'virtual:svg-icons-register'

// 导入仓库
import store from '@/store/index.js'

// 导入路由
import router from '@/router/index.js'

// 导入全局注册组件插件
import globleComponents from '@/components/index.js'

// 引入自定义指令
import { allDirective } from '@/directive/index'

const app = createApp(App)

// 使用全局注册组件插件
app.use(globleComponents)
// 使用仓库
app.use(store)
// 使用路由
app.use(router)
// 守卫细节放在路由和仓库底下执行
import '@/permission.js';

allDirective(app)

app.mount('#app')
